import { hopeTheme } from 'vuepress-theme-hope'
import { zhNavbar } from './navbar/index.js'
import { zhSidebar } from './sidebar/index.js'

export default hopeTheme({
  hostname: 'https://vuepress-theme-hope-docs-demo.netlify.app',

  // 文章显示的默认作者
  author: {
    name: '高峰',
    url: 'https://mrhope.site',
  },
  // 设置图标
  iconAssets: 'iconfont',

  // 设置导航栏左上角的logo
  logo: '/mylogo.jpg',

  repo: 'vuepress-theme-hope/vuepress-theme-hope',

  docsDir: 'demo/theme-docs/src',

  // 1、设置是否显示全屏按钮
  fullscreen: true,
  // 2、在深色模式，浅色模式和自动之间切换 (默认)
  darkmode: 'switch',
  // 3、页脚设置
  // footer:
  //   '<a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2021038026号-1</a>' +
  //   '<img src="https://cdn.tobebetterjavaer.com/tobebetterjavaer/images/beian.png" height="15px" width="15px" />' +
  //   '<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41030502000411">' +
  //   '<span>豫公网安备 41030502000411号</span>' +
  //   '</a>',
  // 4、设置是否显示页脚
  // displayFooter: true,
  // 5、文章信息展示项目，可以填入数组，数组的顺序是各条目显示的顺序
  pageInfo: ['Author', 'Word', 'ReadingTime'],

  navbar: zhNavbar,
  sidebar: zhSidebar,

  // locales: {
  //   '/': {
  //     // navbar
  //     navbar: enNavbar,

  //     // sidebar
  //     sidebar: enSidebar,

  //     footer: 'Default footer',

  //     displayFooter: true,

  //     metaLocales: {
  //       editLink: 'Edit this page on GitHub',
  //     },
  //   },

  //   /**
  //    * Chinese locale config
  //    */
  //   '/zh/': {
  //     // navbar
  //     navbar: zhNavbar,

  //     // sidebar
  //     sidebar: zhSidebar,

  //     footer: '默认页脚',

  //     displayFooter: true,

  //     // page meta
  //     metaLocales: {
  //       editLink: '在 GitHub 上编辑此页',
  //     },
  //   },
  // },

  encrypt: {
    config: {
      '/demo/encrypt.html': ['1234'],
      '/zh/demo/encrypt.html': ['1234'],
    },
  },

  plugins: {
    comment: {
      // @ts-expect-error: You should generate and use your own comment service
      provider: 'Waline',
    },

    // all features are enabled for demo, only preserve features you need here
    mdEnhance: {
      align: true,
      attrs: true,
      chart: true,
      codetabs: true,
      demo: true,
      echarts: true,
      figure: true,
      flowchart: true,
      gfm: true,
      imgLazyload: true,
      imgSize: true,
      include: true,
      katex: true,
      mark: true,
      mermaid: true,
      playground: {
        presets: ['ts', 'vue'],
      },
      presentation: {
        plugins: ['highlight', 'math', 'search', 'notes', 'zoom'],
      },
      stylize: [
        {
          matcher: 'Recommended',
          replacer: ({ tag }) => {
            if (tag === 'em')
              return {
                tag: 'Badge',
                attrs: { type: 'tip' },
                content: 'Recommended',
              }
          },
        },
      ],
      sub: true,
      sup: true,
      tabs: true,
      vPre: true,
      vuePlayground: true,
    },

    // uncomment these if you want a pwa
    // pwa: {
    //   favicon: "/favicon.ico",
    //   cacheHTML: true,
    //   cachePic: true,
    //   appendBase: true,
    //   apple: {
    //     icon: "/assets/icon/apple-icon-152.png",
    //     statusBarColor: "black",
    //   },
    //   msTile: {
    //     image: "/assets/icon/ms-icon-144.png",
    //     color: "#ffffff",
    //   },
    //   manifest: {
    //     icons: [
    //       {
    //         src: "/assets/icon/chrome-mask-512.png",
    //         sizes: "512x512",
    //         purpose: "maskable",
    //         type: "image/png",
    //       },
    //       {
    //         src: "/assets/icon/chrome-mask-192.png",
    //         sizes: "192x192",
    //         purpose: "maskable",
    //         type: "image/png",
    //       },
    //       {
    //         src: "/assets/icon/chrome-512.png",
    //         sizes: "512x512",
    //         type: "image/png",
    //       },
    //       {
    //         src: "/assets/icon/chrome-192.png",
    //         sizes: "192x192",
    //         type: "image/png",
    //       },
    //     ],
    //     shortcuts: [
    //       {
    //         name: "Demo",
    //         short_name: "Demo",
    //         url: "/demo/",
    //         icons: [
    //           {
    //             src: "/assets/icon/guide-maskable.png",
    //             sizes: "192x192",
    //             purpose: "maskable",
    //             type: "image/png",
    //           },
    //         ],
    //       },
    //     ],
    //   },
    // },
  },
})
